<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
	</head>

	<body>
		<nav class="navbar navbar-default">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<!-- 移动端的按钮样式 -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
					<a class="navbar-brand" href="#">
					</a>
				</div>

				<!-- 平板端以上显示的内容 -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="index.html">首页 <span class="sr-only">(current)</span></a>
						</li>
						<li>
							<a href="layafamily.html">Laya 家族</a>
						</li>
						<li>
							<a href="layaboxgame.html">游戏</a>
						</li>
						<li>
							<a href="news.html">新闻动态</a>
						</li>
						<li>
							<a href="about.html">关于我们</a>
						</li>

					</ul>

					<ul class="nav navbar-nav navbar-right">

						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">简体中文</a>
								</li>
								<li>
									<a href="#">繁體中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>

							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		<section>
			<div class="section_top">
				<img src="img/index_top_02.png" />
			</div>
			<div class="container">
				<div class="synopsis row">
					<h1>LayaFlash 引擎</h1>
					<h3> 让Flash技术变成开发HTML5产品的利器</h3>
					<div class="col-xs-12  col-sm-8 left">

						<div class="row">

							<div class=" col-sm-8 col-xs-8 col-xs-offset-2 clearfix">
								<div class="fl logo_img">
									<img src="img/section_logo_05.png" />
								</div>

								<h4>
							快速Flash产品转换
						</h4>
								<p>Flash页游\手游仅需1个人7天即可转换为HTML5和APP游戏</p>

							</div>
							<div class="col-sm-8 col-xs-8 col-xs-offset-2 clearfix">
								<div class="fl logo_img">
									<img src="img/section_logo_07.png" />
								</div>

								<h4>
							LayaFlash IDE
						</h4>
								<p>支持代码编译、调试、压缩与混淆加密、资源转换、在线文档等功能</p>

							</div>
							<div class=" col-sm-8 col-xs-8 col-xs-offset-2 clearfix">
								<div class="logo_img fl">
									<img src="img/section_logo_11.png" />
								</div>

								<h4>
							HTML5零学习成本
						</h4>
								<p>支AS3开发者可直接使用Flash开源框 架和工具链进行开发HTML5
								</p>
							</div>
							<div class="col-sm-8 col-xs-8 col-xs-offset-2 clearfix">
								<div class="logo_img fl">
									<img src="img/section_logo_12.png" />
								</div>

								<h4>
							性能媲美APP
						</h4>
								<p>LayaFlash引擎的重度游戏已运行于 QQ空间等平台，性能媲美APP
								</p>
							</div>
						</div>

					</div>
					<div class="col-sm-4 right hidden-xs">
						<img src="img/phone.png" />
					</div>
				</div>
			</div>
			<div class="container">
				<div class="advantage row">
					<div class="trophy col-sm-6 col-xs-12">
						<img src="img/trophy.png" />
					</div>
					<div class="recommend col-sm-6 col-xs-12">
						<h1>Layabox 优势</h1>
						<div class="row">
							<div class="clearfix center">
								<div class="r_logo fl">
									<img src="img/index_tuoyuan1.jpg" />
								</div>
								<p>快速上手，Flash程序员3小时掌握HTML5开发</p>
							</div>
							<div class="clearfix center">
								<div class="r_logo fl">
									<img src="img/index_tuoyuan2.jpg" />
								</div>
								<p>4年优化打磨，LayaPlayer运行器性能媲美APP</p>
							</div>
							<div class="clearfix center">
								<div class="r_logo fl">
									<img src="img/index_tuoyuan3.jpg" />
								</div>
								<p>超5亿的LayaPlayer移动设备安装量帮助CP发行</p>
							</div>
							<div class="clearfix center">
								<div class="r_logo fl">
									<img src="img/index_tuoyuan4.jpg" />
								</div>
								<p>使用LayaFlash开发大型HTML5游戏的企业超100家</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--<div class="container">-->
			<div class="blue row">
				<h1>Layabox产品家族</h1>
				<div class="product col-md-6 clearfix col-xs-12">
					<div class="blue_img fl">
						<img src="img/layaAir.png" />
					</div>

					<h3>LayaAir</h3>
					<p>核心库仅100K左右的新一代HTML5引擎，支 持AS3\TS\JS语言开发，支持2D\3D，非运行 器模式下性能媲美APP。
					</p>
				</div>
				<div class="product col-md-6 clearfix col-xs-12">
					<div class="blue_img fl">
						<img src="img/layaPlublisg.png" />
					</div>

					<h3>LayaPublish</h3>
					<p>Layabox发行业务，通过在H5产业链中的技术 桥梁优势，帮助CP获得流量支持。
					</p>
				</div>
				<div class="product col-md-6 clearfix col-xs-12">
					<div class="blue_img fl">
						<img src="img/layaplash.png" />
					</div>

					<h3>LayaFlash</h3>
					<p>使用Flash AS3语言开发H5的引擎框架，可直 接在FB或FD中开发、调试、编译H5，也可快 速将Flash页游\手游转换成H5游戏。
					</p>
				</div>
				<div class="product col-md-6 clearfix col-xs-12">
					<div class="blue_img fl">
						<img src="img/layastore.png" />
					</div>

					<h3>LayaStore</h3>
					<p>嵌入式HTML5商城，APP只需嵌入20K的SDK 即可以获得托管式HTML5商店服务，进入流量 获利新时代。
					</p>
				</div>
				<div class="product col-md-6 clearfix col-xs-12">
					<div class="blue_img fl">
						<img src="img/layaplayer.png" />
					</div>

					<h3>LayaPlayer</h3>
					<p>HTML5高速运行器，性能卓越、支持大型 HTML5游戏流畅运行，目前已植入QQ、百度 等20多家主流平台，安装量超5亿。
					</p>
				</div>
				<div class="product col-md-6 clearfix col-xs-12">
					<div class="blue_img fl">
						<img src="img/layaopen.png" />
					</div>

					<h3>LayaOpen</h3>
					<p>Layabox开放平台，整合了Laya提供的各项运 营，管理服务的服务，提供给游戏提供商和互 联网渠道的统一开放平台。
					</p>
				</div>
			</div>
			<!--	</div>-->
			<div class="container">
				<div class="game row">
					<div class="clearfix">
						<h3>采用Layabox引擎的精彩游戏</h3>
					<a href="" class="fr">更多</a>
					</div>
					
					<div class="video col-xs-12 col-sm-4 col-md-6">
						<div class="video_img">
							<img src="img/video_03.png" />
						</div>
					</div>
					<div class="games col-xs-12 col-sm-8  col-md-6 row">
						<div class="games_c col-sm-2 col-xs-3">
							<div class="game_c_img">
								<img src="img/game_06.png" />

							</div>
							<p>猎刃2</p>
						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>
						</div>

						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>
						</div>

						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">
							
							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2" >

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
						<div class="games_c col-xs-3 col-sm-2">

							<div class="game_c_img">
								<img src="img/game_06.png" />
								<p>猎刃2</p>
							</div>

						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="partner row">
            	<h3>合作伙伴</h3>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            	<div class="huoban_img col-sm-2 col-xs-4">
            		<img src="img/qq_10.png"/>
            	</div>
            </div>
			</div>
            
		</section>
		<footer class="clearfix">
			
			<div class="navs fl">
				<a href="">公司简介</a>
				<a href="">联系方式</a>
				<a href="">人才招聘</a>
			</div>
			<div class="footer_logo fr clearfix">
				<div class="fl">
					<img src="img/envelope_logo.png"/>
				</div>
				<div class="fl"><img src="img/weichat_logo.png"/></div>
				<div class="fl">
					<img src="img/qq_logo.png"/>
				</div>
			</div>
		</footer>
		<script type="text/javascript" src="js/jquery-2.1.0.js" charset="UTF-8">
		</script>
		<script type="text/javascript" src="js/bootstrap.js" charset="UTF-8">
		</script>
	</body>

</html>